/*
 * @Author: 别拿暗恋当饭吃. 13466071+lililkli@user.noreply.gitee.com
 * @Date: 2024-06-25 15:55:37
 * @LastEditors: 别拿暗恋当饭吃. 13466071+lililkli@user.noreply.gitee.com
 * @LastEditTime: 2024-06-27 18:32:27
 * @FilePath: \rabce\project\src\pages\Mytask\index.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
// my_task_title.png
import React from "react";
import { NavBar, Steps, Button } from 'antd-mobile'
import { useNavigate } from "react-router-dom";
import { useDispatch, useSelector } from 'react-redux'
import { deginitTranslation, TranslationSelect } from 'store/translationList'
import './style.css'
const { Step } = Steps
const index = () => {
    const navigate = useNavigate()
    const back = () => {
        navigate(-1)
    }
    const dispatch = useDispatch<any>()
    // const Transl = useSelector(TranslationSelect)

    const Translation = () => {
        const data:any = {
            userId:10,
            sessionId:'15320748258726'
        }
        dispatch(deginitTranslation(data))
    }
    return (
        <div>
            <NavBar onBack={back}>我的任务</NavBar>
            <div className="con">
                <div className="con-top">
                    <div className="con-top-top">
                        <div className="con-top-top-left">
                            <p>签到条</p>
                        </div>
                        <div className="con-top-top-right">
                            <p>注：连续签到H币将会累积</p>
                        </div>
                    </div>
                    <div className="con-top-bot">
                        <Steps current={1}>
                            <Step title='第一天' description='+1' />
                            <Step title='第二天' description='+2' />
                            <Step title='第三天' description='+3' />
                            <Step title='第四天' description='+4' />
                            <Step title='第五天' description='+5' />
                            <Step title='第六天' description='+10' />
                            <Step title='第N天' description='+10' />
                        </Steps>
                    </div>
                </div>
                <div className="con-con">
                    <div className="con-con-top">
                        <p>每日签到</p>
                    </div>
                    <div className="con-con-bot">
                        <div className="con-con-bot-left">
                            <ul>
                                <li>签到</li>
                                <li>首发病友圈
                                    <p><span>+10</span>H币</p>
                                </li>
                                <li>病友圈首评
                                    <p><span>+10</span>H币</p>
                                </li>
                            </ul>
                        </div>
                        <div className="con-con-bot-rigth">
                            <ul>
                                <li><Button fill='solid' onClick={() => Translation()}>未签到</Button></li>
                                <li><Button color='primary' fill='solid'>去完成</Button></li>
                                <li><Button color='success' fill='solid'>领H币</Button></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div className="con-bot">
                    <div className="con-bot-top">
                        <p>一次性任务</p>
                    </div>
                    <div className="con-bot-bot">
                        <div className="con-bot-bot-left">
                            <ul>
                                <li>完善我的信息
                                    <p><span>+30</span>H币</p>
                                </li>
                                <li>参与健康测评
                                    <p><span>+10</span>H币</p>
                                </li>
                            </ul>
                        </div>
                        <div className="con-bot-bot-rigth">
                            <ul>
                                <li><Button color='primary' fill='solid'>去完成</Button></li>
                                <li><Button color='primary' fill='solid'>去完成</Button></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}


export default index